<template>
  <div class="buttonList">
    <el-button id="btnAdd" type="primary" icon="el-icon-plus" @click="addRoleVisible">增加</el-button>
    <el-button type="danger" icon="el-icon-delete" @click="removeRole">删除</el-button>
    <el-button type="primary" icon="el-icon-refresh" @click="refresh">刷新</el-button>
    <el-button type="primary" icon="el-icon-video-play" @click="assignResourceTree">资源分配</el-button>
    <el-button type="primary" icon="el-icon-s-custom" @click="assignUser">用户分配</el-button>
  </div>
</template>

<script>
export default {
  name: 'Button',
  methods: {
    removeRole() {
      this.$emit('removeRole')
    },
    refresh() {
      this.$emit('refresh')
    },
    assignResourceTree() {
      this.$emit('assignResourceTree')
    },
    assignUser() {
      this.$emit('assignUser')
    },
    addRoleVisible() {
      this.$emit('addRoleVisible')
    }
  }

}
</script>

<style scoped lang="css">
  .buttonList{
    margin-bottom: 25px;
  }
</style>
